{extend name="base" /}
{block name="body"}
	<!--header start-->
    <div class="personal_head">
    	<div class="p_h_back"></div>
    	<span>个人信息</span>
    </div>
    <!--header end-->
    <!--个人中心 信息 start-->
    <div class="personal_information">
    	<div class="p_info">
    		<img src="__STATIC__/zjs/images/p_icon_05.png" alt="">
    		<span class="p_info_head">头像</span>
                <span class="p_info_pic"><img src="{$Think.session.user_zjs.headimgurl|default='__STATIC__/zjs/images/header_05.png'}" alt="" width="100%" style="border-radius: 50%;"></span>
    	</div>
    	<div class="p_info">
    		<img src="__STATIC__/zjs/images/p_icon_11.png" alt="">
    		<span class="p_info_head">名字</span>
    		<span class="p_info_name">{$userinfo.username}</span>
    	</div>
    	<div class="p_info">
    		<img src="__STATIC__/zjs/images/p_icon_17.png" alt="">
    		<span class="p_info_head">性别</span>
    		<div class="label_div_1">
				<label class="per_m_radio"><input type="radio"  {eq name="userinfo.sex" value="1"}checked{/eq}>男</label>
				<label class="per_w_radio"><input type="radio"  {eq name="userinfo.sex" value="2"}checked{/eq}>女</label>
			</div>
    	</div>
    	<div class="p_info">
    		<img src="__STATIC__/zjs/images/p_icon_23.png" alt="">
    		<span class="p_info_head">手机号</span>
    		<span class="p_info_name">{$userinfo.mobile}</span>
    	</div>
    	<div class="p_info">
    		<img src="__STATIC__/zjs/images/p_icon_24.png" alt="">
    		<span class="p_info_head">佣金</span>
    		<span class="p_info_name">{$cash|default='0'}</span>
    	</div>
    	<div class="p_info">
    		<img src="__STATIC__/zjs/images/p_icon_25.png" alt="">
    		<span class="p_info_head">推荐数</span>
    		<span class="p_info_name">{$count|default='0'}对</span>
    	</div>
        <div class="p_info">
    		<img src="__STATIC__/zjs/images/p_icon_25.png" alt="">
    		<span class="p_info_head">推荐成功数</span>
    		<span class="p_info_name">{$counts|default='0'}对</span>
    	</div>
    </div>
    <!--个人中心 信息 end-->
    {/block}
{block name="script"}
	<script type="text/javascript">
		$(function(){
                $('input[type="radio"]:checked').css({"background":"url(__STATIC__/zjs/images/check_07.png)","background-size":"25px 26px"});
		$(".per_m_radio").click(function(){
			$(this).children("input").css({"background":"url(__STATIC__/zjs/images/check_07.png)","background-size":"25px 26px"});
			$(this).siblings("label").children("input").css({"background":"url(__STATIC__/zjs/images/check_09.png)","background-size":"25px 26px"});
		})
		$(".per_w_radio").click(function(){
			$(this).children("input").css({"background":"url(__STATIC__/zjs/images/check_07.png)","background-size":"25px 26px"});
			$(this).siblings("label").children("input").css({"background":"url(__STATIC__/zjs/images/check_09.png)","background-size":"25px 26px"});
		})
		})
	</script>
{/block}